import { createApp } from "vue";
import router from './router/index';

// Element Plus
import 'element-plus/theme-chalk/index.css'  // 引入组件样式
// 图标和组件需要分开引入
import { ElButton, ElTag,ElCard,ElForm,ElInput,ElSwitch,ElInputNumber,ElTooltip,ElColorPicker } from 'element-plus';//按需引入组件
import { Edit,Close,Minus,QuestionFilled } from '@element-plus/icons-vue'  // 按需引入 Icon 图标 

const app = createApp(App)

import "./styles.css";
import App from "./App.vue";

// 全局注册组件
app.component('ElButton', ElButton)
app.component('ElTag', ElTag)
app.component('ElCard', ElCard)
app.component('ElForm', ElForm)
app.component('ElInput', ElInput)
app.component('ElInputNumber', ElInputNumber)
app.component('ElSwitch', ElSwitch)
app.component('ElTooltip', ElTooltip)
app.component('ElColorPicker', ElColorPicker)

// 全局注册 Icon 图标
app.component('Edit', Edit)
app.component('Close', Close)
app.component('Minus', Minus)
app.component('QuestionFilled', QuestionFilled)

app.use(router).mount("#app");
